<template>
  <div class="shopping">
    <div class="myCart">
      <div class="myCart-one">999+</div>
      <div class="myCart-one"><p  style="margin-top:7.5%">购物车</p></div>
    </div>
    <div class="myCart">
      <div class="myCart-one">0</div>
      <div class="myCart-one"><p>足迹</p></div>
    </div>
    <div class="myCart">
      <div class="myCart-one">0</div>
      <div class="myCart-one"><p>红包</p></div>
    </div>
    <div class="myCart">
      <div class="myCart-one">0</div>
      <div class="myCart-one"><p>账单</p></div>
    </div>
  </div>
</template>
<script>
export default {
  name: 'Shopping',
  data () {
    return {}
  }
}
</script>
<style lang="stylus" scoped>
.shopping
  display: flex
  margin-top: (20/812*100)%
  margin-right: (34/375*100)%
  margin-left:  (34/375*100)%
  height: 6.5%
  flex-wrap: nowrap
  justify-content:space-between
  .myCart
    position relative
    height: 100%
    .myCart-one
      text-align: center
      height: 50%
      font-size: (20/50)rem
      color: #fff
      p
        margin-top: 10%;
        font-size: (20/50)rem
</style>
